<template lang="html">
	<div class="header-nav">
		<a class="header-back" href="javascript:" @click="goBack">←</a>
		<h2 class="header-nav-name" v-text="navTitle"></h2>
	</div>
</template>

<script>
export default {
	props:{
		navTitle:String
	},
	data() {
		return {
			
		}
	},
	methods:{
		goBack() {
			history.back(-1);
		}
	},
}	
</script>

<style lang="css" scoped>
	.header-nav{
		display: flex;justify-content:flex-start;background-color: #5fcc90;align-items: center;
		padding: 0.2rem 1rem;
	}
	.header-nav-name{
		flex-grow: 1;
		font-weight: 100;
	}
</style>